<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>后台管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!--<script type="text/javascript" src="/static/xiyuan/lib/loading/okLoading.js"></script>-->
    <link rel="stylesheet" href="static/css/x-admin.css" media="all">
</head>
<style>
    .show_list {
        display: block;
    }

    .hide_lits {
        display: none;
    }

</style>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header header header-demo">
        <div class="layui-main">
            <div class="admin-logo-box">
                <a class="logo" href="" title="logo">后台管理系统</a>
                <div class="larry-side-menu">
                    <i class=" layui-icon iconfont" aria-hidden="true">&#xe83c;</i>
                </div>
            </div>

            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item" id="time"
                    style="margin-right: 50px;font-size: 20px;color: #2fb9d4;font-family: 'yjsz'"></li>
                <li class="layui-nav-item">
                    <a href="" title="系统公告">

                    </a>
                </li>

                <li class="layui-nav-item"><img src="static/images/logo.png" class="layui-circle"
                                                style="border: 2px solid #A9B7B7;" width="35px" alt=""></li>
                <li class="layui-nav-item"><a href="javascript:;">admin</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="/" >退出</a></dd>
                    </dl>
                </li>

            </ul>
        </div>
    </div>

    <!--左侧导航区域-->
    <div class="layui-side layui-bg-black x-side show_list" style="left:0px;" id="table1">
        <div style="height: 130px; width: 220px; ">
            <a class="img" title="我的头像" style="display: block;width: 80px;height: 80px;margin: 10px auto 10px;">
                <img src="static/images/logo.png" class="userAvatar"
                     style="display: block;width: 100%;height: 100%;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border: 4px solid #44576b;box-sizing: border-box;">
            </a>
            <p style=" display: block;width: 100%;height: 25px;color: #ffffff;text-align: center;font-size: 12px;white-space: nowrap;line-height: 25px;overflow: hidden;">
                你好！<span class="userName">admin</span>, 欢迎回来
            </p>
        </div>
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree site-demo-nav" lay-filter="side">
{#                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i class="layui-icon iconfont"#}
{#                                                                                           style="top: 3px;">&#xe65c;</i><cite>识别管理</cite>#}
{#                </a>#}
{#                    <dl class="layui-nav-child">#}
{#                        <dd class="">#}
{#                        <dd class=""><a href="javascript:;" _href="/catelist"> <cite>识别列表</cite> </a></dd>#}
{#                        </dd>#}
{#                    </dl>#}
{#                </li>#}
                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i class="layui-icon iconfont"
                                                                                           style="top: 3px;">&#xe661;</i><cite>用户管理</cite>
                </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                        <dd class=""><a href="javascript:;" _href="/userlist"> <cite>用户列表</cite> </a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i class="layui-icon iconfont"
                                                                                           style="top: 3px;">&#xe60b;</i><cite>新闻管理</cite>
                </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="/newslist"> <cite>新闻列表</cite> </a></dd>
                    </dl>
                </li>
{#                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i class="layui-icon "#}
{#                                                                                           style="top: 3px;">&#xe634;</i><cite>轮播图管理</cite>#}
{#                </a>#}
{#                    <dl class="layui-nav-child">#}
{#                        <dd class="">#}
{#                        <dd class=""><a href="javascript:;" _href="/swiper_list"> <cite>轮播图列表</cite> </a></dd>#}
{#                        </dd>#}
{#                    </dl>#}
{#                </li>#}

                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i class="layui-icon "
                                                                                           style="top: 3px;">&#xe634;</i><cite>昆虫管理</cite>
                </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="/insect_list"> <cite>害虫管理</cite> </a></dd>
                    </dl>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="/map_preview"> <cite>地图预览</cite> </a></dd>
                    </dl>
                </li>


                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i class="layui-icon "
                                                                                           style="top: 3px;">&#xe634;</i><cite>分类管理</cite>
                </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="/category_list?level=1"> <cite>目分类管理</cite> </a></dd>
                    </dl>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="/category_list?level=2"> <cite>科分类管理</cite> </a></dd>
                    </dl>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="/category_list?level=3"> <cite>属分类管理</cite> </a></dd>
                    </dl>
                </li>

            </ul>
        </div>
    </div>




    <div class="layui-tab layui-tab-card site-demo-title x-main" lay-filter="x-tab" lay-allowclose="true"
         style="left: 220px;border-left: solid 2px #2299ee;overflow: auto">
        <ul class="layui-tab-title">
            <li class="layui-this"> 我的桌面 <i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li>
        </ul>
        <div class="layui-tab-content site-demo site-demo-body" >
            <div class="layui-tab-item layui-show">
                <iframe frameborder="0" src="/userlist" class="x-iframe" ></iframe>
            </div>
        </div>
    </div>
    <div class="site-mobile-shade"></div>

</div>

<script src="static/lib/layui/layui.js" charset="utf-8"></script>
<script src="static/js/x-admin.js"></script>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/x-layui.js" charset="utf-8"></script>

<script>
    $(".daohang").click(function () {
        var table = $(this).attr("ids");
        var ids = $(".show_list").attr("id");
        $("#" + ids + "").addClass("hide_lits");
        $("#" + ids + "").removeClass("show_list");
        $("" + table + "").removeClass("hide_lits");
        $("" + table + "").addClass("show_list");
    })


</script>
<script>
    layui.use(['laydate', 'element', 'laypage', 'layer'], function () {
        $ = layui.jquery;//jquery
        laydate = layui.laydate;//日期插件
        lement = layui.element();//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层
        //以上模块根据需要引入

    });

    {#function logout() {#}
    {##}
    {#    $.ajax({#}
    {#        type: "post",#}
    {#        url: "/login",#}
    {#        data: {e: 1},#}
    {#        dataType: "json",#}
    {#        success: function (data) {#}
    {#            if (data.status == 1) {#}
    {#                layer.msg(data.info, {icon: 1, time: 1000});#}
    {#                setTimeout("window.location.href='{:url('Login/login')}'", 2000);#}
    {#                return false;#}
    {#                return false;#}
    {#            } else {#}
    {#                layer.msg(data.info, {icon: 5, time: 2000});#}
    {#                return false;#}
    {#            }#}
    {#        }#}
    {##}
    {#    })#}
    {#    return false;#}
    {#}#}

    function member_show(title, url, id, w, h) {
        x_admin_show(title, url, w, h);
    }
</script>
<script>
    //顶部时间
    function getTime() {
        var myDate = new Date();
        var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
        var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
        var myToday = myDate.getDate(); //获取当前日(1-31)
        var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
        var myHour = myDate.getHours(); //获取当前小时数(0-23)
        var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
        var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
        var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        var nowTime;

        nowTime = myYear + '-' + fillZero(myMonth) + '-' + fillZero(myToday) + '&nbsp;&nbsp;' + fillZero(myHour) + ':' + fillZero(myMinute) + ':' + fillZero(mySecond) + '&nbsp;&nbsp;' + week[myDay] + '&nbsp;&nbsp;';
        //console.log(nowTime);
        $('#time').html(nowTime);
    };

    function fillZero(str) {
        var realNum;
        if (str < 10) {
            realNum = '0' + str;
        } else {
            realNum = str;
        }
        return realNum;
    }

    setInterval(getTime, 1000);
</script>
</body>
</html>